<template>
	<view class="bannerWrap bg">
        <view class="titleSearchWrap">
            <view class="text-right">
                <image class="bannerTitleImg" src="https://image.srea.org.cn/xcx/home-banner-title.png" mode="heightFix"></image>
            </view>

            <view class="searchWrap bg-fff flex font13" @click="clickSearch">
                <view class="iconPlace flex col-grey">
                    <up-icon name="search" size="18" color="#8A8A8A"></up-icon>
                    <view class="left-5">搜索楼盘/区域...</view>
                </view>
                <view class="searchText">搜索</view>
            </view>
        </view>
    </view>
</template>

<script setup>
    //点击搜索
	function clickSearch() {
		uni.navigateTo({
			url: '/pages/search/search-result'
		});
    }
</script>

<style lang="scss" scoped>
	.bannerWrap{
		height: 290rpx;
        position: relative;
        background-image: url("https://image.srea.org.cn/xcx/home-banner-img.png");
        .titleSearchWrap{
            position: absolute;
            bottom: 28rpx;
            left: 75rpx;
            right: 75rpx;
            .bannerTitleImg{
                height: 60rpx;
                margin-bottom: -8rpx;
            }
            .searchWrap {
                height: 80rpx;
                border-radius: 40rpx;
                padding: 0 30rpx;
                justify-content: space-between;
            }
        }
    }
</style>